<!--
 * @Description: ...
 * @Author: yangli 121029539@qq.com
 * @Date: 2025-01-18 09:20:44
 * @LastEditTime: 2025-01-20 15:43:06
 * @LastEditors: yangli 121029539@qq.com
 * @FilePath: \pc\layouts\default.vue
-->
<template>
  <!-- <section class="layout-default ">
    <LayoutHeader />
    <div class="main-contain">
      <LayoutMain class="flex-1 min-h-0 flex">
        <slot />
      </LayoutMain>
      <LayoutFooter />
    </div>
    <Account />
  </section> -->
   <section class="layout-default ">
     <slot />
  </section>
</template>
<script lang="ts" setup>
import LayoutHeader from "./components/header/index.vue";
import LayoutMain from "./components/main/index.vue";
import LayoutFooter from "./components/footer/index.vue";
import Account from "./components/account/index.vue";
import { useUserStore } from "~~/stores/user";
import ToLogin from "./components/account/to-login.vue";
const userStore = useUserStore();
</script>
<style lang="scss" scoped>
.main-contain {
  /* min-height: calc(100vh - var(--header-height));
  @apply flex flex-col; */
}
.layout-default{
  width: 100%;
  overflow: hidden;
  border:1px solid red;
}
</style>
